# Toggle

<Subtitle>A two-state button that can be on or off.</Subtitle>
<Meta
  name="description"
  content="A high-quality, unstyled React toggle component that displays a two-state button that can be on or off."
/>

import { DemoToggleHero } from './demos/hero';

<DemoToggleHero />

## Anatomy

Import the component and use it as a single part:

```jsx title="Anatomy"
import { Toggle } from '@base-ui-components/react/toggle';

<Toggle />;
```

## API reference

<Reference component="Toggle" />
